/**
 * @description vue过渡动画
 */

.fade-transform {
  &-leave-active,
  &-enter-active {
    transition: var(--el-transition);
  }

  &-enter-from {
    opacity: 0;
  }

  &-leave-to {
    opacity: 0;
  }
}

/**
 * @description 旋转动画
 */

.rotate {
  @keyframes rotate {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  animation: rotate 1s linear infinite;
}
